<!--
 * @Author: ChunLai
 * @Date: 2023-03-17 13:48:38
 * @LastEditTime: 2023-03-17 15:50:53
 * @Description: 超链接文档
 * @FilePath: \1.new_projects\src\newcomponents\protocols\LinkList.vue
-->
<template>
  <div class="protocol">
    <div class="notice_img" @click="readClick">
      <span class="check_img" v-show="linkFinish"></span>
    </div>
    <i>本人充分阅读、理解并同意</i>
    <a
      class="link-a"
      v-for="(item, index) in lists"
      :key="`link-${index}`"
      :href="item.linkUrl"
    >
      {{ index === lists.length - 1 ? item.name : item.name + '、' }}
    </a>
  </div>
</template>

<script>
import { mapGetters } from 'vuex';
export default {
  name: 'LinkList',
  data() {
    return {};
  },
  components: {},
  computed: {
    ...mapGetters({
      lists: 'readings/linkLists',
      linkFinish: 'readings/linkFinish',
    }),
  },
  created() {},
  mounted() {},
  watch: {},
  methods: {
    readClick() {
      this.$store.dispatch('readings/setItemFinish', {
        type: 'alink',
      });
    },
  },
};
</script>

<style lang="less" scoped>
@import './style.less';
.link-a {
  color: #d9261d;
}
</style>
